<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<link rel="stylesheet" href="https://cdn.staticfile.net/font-awesome/4.7.0/css/font-awesome.css">
  
       <div class="search">
          <input type="text" class="F" placeholder="你想找什么?">
          <button type="submit" class="B">
            <i class="fa fa-car" style="font-size:30.5px; margin-left: -5.4px;"></i>
         </button>
       </div>

<body>
    <style>
        
        .search {
          width: 100%;
          position: relative;
          display: flex;
        }
        
        .F {
          width: 100%;
          border: 3px solid #1bb011;
          border-right: none;
          padding: 5px;
          height: 20px;
          border-radius: 5px 0 0 5px;
          outline: none;
          color: #09c26c;
        }
        
        .F:focus{
          color: #17bb2f;
        }
        
        .B {
          width: 35px;
          height: 35px;
          border: 1px solid #1aea2f;
          background: #d1d3d6;
          text-align: center;
          color: #7b0a0a;
          border-radius: 0 5px 5px 0;
          cursor: pointer;
          font-size: 20px;
        }
        .B :hover{
          background: #346fc6;
        }
        </style>
        </head>
    
</body>
</html>